<%
//下载APP
layout("/inc/layout.html",{
title:'其余财产基本信息 - 婚姻诉讼 - 智慧法院',
keywords:'其余财产基本信息,婚姻诉讼,智慧法院',
description:'其余财产基本信息,婚姻诉讼,智慧法院',
style:'index.css'
}){
%>

<section class="container mt15">
    <div class="row" id="location-box">
        <div class="panel panel-info">
            <div class="panel-heading text-left"><b>其余财产登记</b></div>
            <div class="panel-body">
                <%
                if(isNotEmpty(shareholderList)){
                for(shareholder in shareholderList){
                %>
                <form id="other_${otherLP.index}" class="form-horizontal" name="otherForm" method="post" role="form">
                    <input class="form-control" name="lawsuitId" id="lawsuitId" type="hidden" value="${lawsuitId!}">
                    <legend>第${relativesLP.index}个子女信息：
                        <button onclick="$(this).parents('form').remove()" class="btn btn-danger mb5">删除</button>
                    </legend>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">姓名：</label>
                        <div class="col-sm-5">
                            <input name="name" class="form-control" placeholder="请输入子女姓名" type="text" required="required" aria-required="true" minlength="2" maxlength="50">
                        </div>
                    </div>


                    <div class="form-group"><label class="col-sm-2 control-label">与原告关系：</label>
                        <div class="col-sm-5"><select class="form-control" name="relation" required aria-required="true">
                            <option value="父亲">父亲</option>
                            <option value="母亲">母亲</option>
                        </select></div>
                    </div>


                    <div class="form-group"><label class="col-sm-2 control-label">出生日期：</label>
                        <div class="col-sm-5">
                            <input name="birth" class="form-control" placeholder="请输入出生日期" type="date" required aria-required="true">
                        </div>
                    </div>


                    <div class="form-group education-box"><label class="col-sm-2 control-label">性别：</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="sex" required aria-required="true">
                                <option selected value="">请选择</option>
                                <option value="男">男</option>
                                <option value="女">女</option>
                            </select>
                        </div>
                    </div>


                    <div class="form-group"><label class="col-sm-2 control-label">身份证号码：</label>
                        <div class="col-sm-5">
                            <input name="cardNumber" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" class="form-control" placeholder="请输入身份证号码" type="text" required aria-required="true" maxlength="18">
                        </div>
                    </div>


                    <div class="form-group phone-box"><label class="col-sm-2 control-label">联系电话：</label>
                        <div class="col-sm-5">
                            <input name="phone" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" class="form-control" placeholder="请输入电话" type="text" required aria-required="true" maxlength="11">
                        </div>
                    </div>


                    <div class="form-group email-box"><label class="col-sm-2 control-label">住址：</label>
                        <div class="col-sm-5">
                            <input name="address" class="form-control" placeholder="请输入住址信息" type="text" required aria-required="true">
                        </div>
                    </div>



                    <div id="camera_tool_open"></div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">身份证正面照：</label>
                        <div class="col-sm-5">
                            <span class="text-danger upload-tips mt10"></span>
                            <div class="input-group">
                                <input name="cardFrontPicture" class="form-control mb10" type="text" readonly placeholder="请选择..." required="required">
                                <span class="input-group-btn">
                                    <input name="files" class="form-control cardFrontUploader" type="file">
                                </span>
                            </div>
                            <div class="cardFrontPictureShow center-block row">

                            </div>
                            <div class="front-error-message"></div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">身份证反面照：</label>
                        <div class="col-sm-5">
                            <span class="text-danger upload-tips mt10"></span>
                            <div class="input-group">
                                <input name="cardBackPicture" class="form-control mb10" type="text" readonly placeholder="请选择..." required="required">
                                <span class="input-group-btn">
                                       <input name="files" class="form-control cardBackUploader" type="file">
                                </span>
                            </div>
                            <div class="cardBackPictureShow center-block row">

                            </div>
                            <div class="back-error-message"></div>
                        </div>
                    </div>

                    <div id="camera_tool_close"></div>

                </form>
                <%
                }
                }
                %>
                <hr>
                <h5 class="alert alert-warning">提醒：带*的地方为必填项，请根据实际情况填写。</h5>
                <div id="moreOther"></div>
                <div class="col-sm-offset-2 col-sm-5">
                    <button type="button" id="addOther" class="btn btn-info btn-lg btn-block"><i class="iconfont icon-tianjiafang"></i>添加其余财产</button>
                </div>
            </div>
            <div class="panel-footer">
                <div class="col-sm-offset-3 clearfix">
                    <div class="mt5 mb5 block col-sm-3">
                        <a href="javascript:history.go(-1);" class="btn btn-warning btn-lg btn-outline btn-block">上一步</a>
                    </div>
                    <div class="mt5 mb5 block col-sm-3">
                        <button type="button" id="doSubmit" class="btn btn-danger btn-lg btn-outline btn-block">下一步</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<% } %>
<script>
    require(['court/other/other'], function (apply) {
        apply.otherIndex(${lawsuitId!});
    });
</script>
</body>
</html>